<template>
  <div class="money-container">
    <h4 class="h4">二维码</h4>
    <div class="money">
      <img src="" alt="二维码" />
    </div>

    <Footer></Footer>
  </div>
</template>

<script setup lang="ts">
import Footer from "@/components/reuse/footer.vue";
</script>

<style scoped>
.money-container {
  height: 100vh;
}
.money {
  margin-left: 20%;
  width: 60%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
img {
  width: 400px;
  height: 400px;
  border: 1px solid #fff;
}
.h4 {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  color: #fff;
}
</style>
